@charset "utf-8";
/* CSS Document */
// @font-face {
//   font-family: pingfangxi;
//   src: url('../font/PingFang.ttf');
// }
//body,html{height: 100%;}
body,html{height: 100%;}
body,ul,p,ol,li,h1,h2,h3,h4,h5,h6,form,dl,dt,dd,input,span{margin:0;padding:0;font:12px/21px,"",Arial,sans-serif;font-size:16px;font-family:"Tahoma","Arial","Roboto","Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","sans-self";font-weight: 400;}
body,h1,h2,h3,h4,h5,p,ul,dl,dd,dt,input{margin:0;padding:0;}
body {min-width:320px;max-width: 720px;margin: 0 auto;-moz-background-size:cover;-ms-background-size:cover;-webkit-background-size:cover;background-size:cover;background: #fff;}
input[type="button"], input[type="submit"], input[type="reset"] ,input[type="text"],textarea {-webkit-appearance: none;}
strong,b,u{font-weight: 400;text-decoration: none;}
a:hover{transition:0.35s;text-decoration: none;}
a,u{text-decoration:none;color:#000;}
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
  -moz-backface-visibility:hidden; 	/* Firefox */
  -ms-backface-visibility:hidden; 	/* Internet Explorer */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

a:focus, a, a:active, a:focus, a:hover, button, button:focus {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;	/* Chrome 和 Safari */
  -moz-backface-visibility:hidden; 	/* Firefox */
  -ms-backface-visibility:hidden; 	/* Internet Explorer */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
em,b{font-style: normal;}
img{border:0;display:block;vertical-align:middle;}
*:focus {outline: none;}
ul,li{list-style:none;}
ul{list-style:none;}
h6{clear:both;}
textarea{ resize:none;}
/*其他*/
.mask{z-index:999;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=50);-moz-opacity:0.5;background-size:100% 100%;display: none;}
.cler{clear: both;.dk;content:"";}
.clear{clear: both;}

.z1{z-index: 1;}

.wp100{width: 100%;.pr;}
.wp50{width: 50%;}
.wp95{width: 95%;margin: 0 auto;position: relative;}
.wp94{width: 94%;}
.wp90{width: 90%;}
.wp85{width: 85%;}
.wp80{width: 80%;}
.wp75{width: 75%;}
.wp70{width: 70%;}
.wp65{width: 65%;}
.wp48{width: 48%;}
.wp45{width: 45%;}
.wp40{width: 40%;}
.wpthree{width: 33.3333333333%;}
.wp30{width: 30%;}
.wp25{width: 25%;}
.wp22{width: 22%;}
.wp20{width: 20%;}
.wpa{width: auto;}
.wryh{font-family: "微软雅黑";}
.di{display: inline-block;}
.pos{position: absolute;}
.tc{ text-align:center;}
.tr{text-align: right;}
.fb{font-weight: 500;}
.pr{position:relative;}
.oh{overflow: hidden;}
.bgc{background-size:contain;}
.m0a{margin: 0 auto;}
.dk{display: block;}
.dn{display: none;}
.wh100{width:100%;height: 100%;}
.op0{opacity: 0;}
.op5{opacity: 0.5;}
.op1{opacity: 1;}
.fr{float:right}
.fl{float:left}
.borR(@num:3px){border-radius: @num;}
.pbor{border-radius: 3px;}
.w(@num1){width: @num1+0em;}
.h(@num1){height: @num1+0em;}
.wh(@num1,@num2:auto){width: @num1+0em;height: @num2+0em;}
.lh(@num1,@num2:auto){height: @num1+0em;line-height:@num2+0em;}
.lh15{line-height: 1.5em;}
.lh125{line-height: 1.25em;}
.lh22{line-height: 2em;}
.lh10{line-height: 1em;}

.bp(@num1,@num2){background-position: @num1+0px @num2+0px}
.tr3dPy(@val1,@val2,@second:0.35s){transform: translate(@val1,@val1); transition: @second; -webkit-transform: translate(@val1,@val2); -moz-transform: translate(@val1,@val2); -ms-transform: translate(@val1,@val2); -o-transform: translate(@val1,@val2); transform: translate(@val1,@val2); -webkit-transition: @second; -moz-transition: @second; -ms-transition: @second; -o-transition: @second; transition: @second;}
.tr3dSc(@num,@second:0.35s){-webkit-transform: scale(@num);-moz-transform: scale(@num);-ms-transform: scale(@num);-o-transform: scale(@num);transform: scale(@num);-webkit-transition: @second;-moz-transition: @second;-ms-transition: @second;-o-transition: @second;transition: @second;}
.tr3dXz(@num,@second:0.35s){-webkit-transform: rotate(@num); -moz-transform: rotate(@num); -ms-transform: rotate(@num); -o-transform: rotate(@num); transform: rotate(@num); -webkit-transition: @second; -moz-transition: @second; -ms-transition: @second; -o-transition: @second; transition: @second;}
.trTime(@second:0.35s){-webkit-transition: @second; -moz-transition: @second; -ms-transition: @second; -o-transition: @second; transition: @second;}
.bg(@num){background: @num}
.textEll{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.ls(@num:-1px){letter-spacing: @num+0px;}
.f(@num){font-size: @num+0em;}
.max-w-min-w{min-width:320px;max-width:720px;}

.f400{font-weight: 400;}

.qfl:after{.cler;}
label{.f400;}

/*border*/
.b0{border: 0 !important;}
.bor(@color){border: 1px solid @color}
.bor{border: 1px solid #f3f3f3;}
.bor_tt{border-top: 1px solid #f3f3f3;}
.bor_bb{border-bottom: 1px solid #f3f3f3;}
.bor_t(@color){border-top: 1px solid @color}
.bor_b(@color){border-bottom: 1px solid @color}
.bor_l(@color){ border-left: 1px solid @color}
.bor_r(@color){ border-right: 1px solid @color}
.bor_bt{border-bottom: 1px solid #f3f3f3;border-top: 1px solid #f3f3f3;}
/*字体颜色，背景颜色*/
.cor1{color:#FFFFFF;}
.cor0{color:#000000;}
.cor3{color:#333333;}
.cor6{color:#666666;}
.cor8{color: #808080;}
.cor9{color:#999999;}
.bag1{background:#FFFFFF;}
.bag0{background: #000;}
.bag2{background: @cor2;}
.bag3{background: #f3f3f3;}
.bag4{background: #c13638;}
.bag5{background: @cor1;}
.bagimg{background: url('../img/jpg/pic17.jpg') no-repeat bottom;background-size: 100%;}
/*font-size*/
.f04{font-size: 0.4em;}
.f05{font-size: 0.5em;}
.f06{font-size: 0.6em;}
.f07{font-size: 0.7em;}
.f075{font-size: 0.75em;}
.f08{font-size: 0.8em;}
.f085{font-size: 0.85em;}
.f09{font-size: 0.9em;}
.f10{font-size:1.0em;}
.f11{font-size:1.1em;}
.f12{font-size:1.2em;}
.f13{font-size:1.3em;}
.f14{font-size:1.4em;}
.f15{font-size:1.5em;}
.f16{font-size:1.6em;}
.f17{font-size:1.7em;}
.f18{font-size:1.8em;}
.f19{font-size:1.9em;}
.f20{font-size:2em;}
.f30{font-size:3em;}
/*margin*/
.m5_0{margin: 0.5em 0;}
.m10_0{margin: 1em 0;}
.m15_0{margin: 1.5em 0;}
.m20_0{margin: 2em 0;}
.m0_5{margin: 0 0.5em;}
.m0_10{margin: 0 1em}
.mrmin{margin-right:0.1em; }
.mtmin{margin-top: 0.2em;}
.mbmin{margin-bottom: 0.2em;}
.m0{margin:0;}
.m5{margin: 0.5em;}
.m3{margin: 0 3%;}
.mt5{margin-top: 0.5em}
.mt7{margin-top: 0.75em;}
.mt10{margin-top: 1em;}

.mt0{margin-top: 0;}
.mt15{margin-top: 1.5em;}
.mt20{margin-top: 2em;}
.mt25{margin-top: 2.5em;}
.mt30{margin-top: 3em;}
.mr5{margin-right: 0.5em;}
.mr10{margin-right: 1em;}
.mr15{margin-right: 1.5em;}
.mr20{margin-right: 2em;}
.mb5{margin-bottom: 0.5em;}
.mb7{margin-bottom: 0.75em;}
.mb10{margin-bottom: 1em;}
.mb15{margin-bottom: 1.5em;}
.mb20{margin-bottom: 2em;}
.mb30{margin-bottom: 3em;}
.ml5{margin-left: 0.5em;}
.ml7{margin-left: 0.7em;}
.ml10{margin-left: 1em;}
.ml15{margin-left: 1.5em;}
.ml20{margin-left: 2em;}

.mt(@num){margin-top: @num+0em;}
.mb(@num){margin-bottom: @num+0em;}
.mr(@num){margin-right: @num+0em;}
.ml(@num){margin-left: @num+0em;}

/*padding*/
.p3{padding: 0 3%;}
.p3p{padding: 1em 3%;}
.p0_5{padding: 0 0.5em;}
.p0_10{padding: 0 1em;}
.p0_15{padding: 0 1.5em;}
.p0_20{padding: 0 2em;}
.p0_30{padding: 0 3em;}
.p5_0{padding: 0.5em 0;}
.p7_0{padding: 0.75em 0}
.p10_0{padding: 1em 0;}
.p15_0{padding: 1.5em 0;}
.p20_0{padding: 2em 0;}
.p30_0{padding: 3em 0;}
.p10{padding: 1em;}
.p5{padding: 0.5em;}
.p0{padding:0;}
.pt5{padding-top: 0.5em;}
.pt75{padding-top: 0.75em;}
.pt10{padding-top: 1em;}
.pt15{padding-top: 1.5em;}
.pt20{padding-top: 2em;}
.pt30{padding-top: 3em;}
.pr5{padding-right: 0.5em;}
.pr7{padding-right: 0.7em;}
.pr10{padding-right: 1em;}
.pr15{padding-right: 1.5em;}
.pr20{padding-right: 2em;}
.pb5{padding-bottom: 0.5em;}
.pb10{padding-bottom: 1em;}
.pb15{padding-bottom: 1.5em;}
.pb20{padding-bottom: 2em;}
.pb30{padding-bottom: 3em;}
.pb50{padding-bottom: 5em;}
.pl5{padding-left: 0.5em;}
.pl10{padding-left: 1em;}
.pl15{padding-left: 1.5em;}
.pl20{padding-left: 2em;}
.pl25{padding-left: 2.5em;}
.pt(@num){padding-top: @num+0em;}
.pb(@num){padding-bottom: @num+0em;}
.pl(@num){padding-left: @num+0em;}
.pr(@num){padding-right: @num+0em;}
.pbmin{padding-bottom: 0.2em;}


.dabtn{padding: 0.75em 2em; .cor1; .borR(3px);}
.publicBtn{width: 6em;.borR(50px);background: @cor2;padding: 0.75em 0;}
.publicBtnmin{width: 5em;.borR(50px);padding: 0.25em 0;.tc;}
.borbtnPub{.borR(3px);.tc;padding: 0.35em 0;.bor(@cor2);color: @cor2; width: 5em;}
.daborbtnPub{.borR(3px);.tc;padding: 0.35em 2em;.bor(@cor1);color: @cor1;}
.kbtn{background: @cor2;.cor1;.tc;.borR(4px);padding: 0.5em 0;.f10;.dk;.w(94%); .m0a;}

.wh100{.wh(100%,100%)}

//颜色
@bcor1:#f3f3f3;
@bcor2:#ededed;
@cor1:#f1cd31;
@cor2:#2c53de;
@cor3:#ed4b39;
@cor4:#f19149;
@cor5:#d5a55b;



.jdjz{
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.heng{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.hengleft{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap:nowrap;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -webkit-justify-content:flex-start;
  -ms-justify-content:flex-start;
  justify-content:flex-start;
}
.hengright{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap:nowrap;
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
  -webkit-justify-content:flex-end;
  -ms-justify-content:flex-end;
  justify-content:flex-end;
}
.hengline{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-justify-content:space-between;
  -ms-justify-content:space-between;
  justify-content:space-between;
}
.henglineleft{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.vCenter{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.chuizhi{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.liangkuang{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap:wrap;
}
*{    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
